<!--top starts-->
<div id="top">
  <div class="container clearfix">
    <div class="grid_12">
      <p>Hello! it's me... softone</p>
      <p class="call">Call for support <span class="color">+ 12 345 678</span></p>
    </div>
  </div>
</div>
<!--top ends--> 

<!--header starts-->
<div id="header">
  <div class="container  header_inner clearfix">
    <div class="grid_12"> 
      
      <!--logo here--> 
      <a href="#"> <img src="../images/logo.png" width="125" height="35" alt="logo" class="logo"> </a> 
      
      <!--menu / navigation starts-->
      <ul class="sf-menu">
        <li><a href="index-2.html" class="current">Home</a></li>
        <li><a href="#">Pages</a>
          <ul>
            <li><a href="index-2.html">Home - Style 1 + Anything slider</a></li>
            <li><a href="index-3.html">Home - Style 2 + Nivo slider</a></li>
            <li><a href="index-4.html">Home - Style 3 + Video</a></li>
            <li><a href="features.html">Product features page</a></li>
            <li><a href="#">Pricing pages</a>
              <ul>
                <li><a href="pricing-3column.html">Three columns</a></li>
                <li><a href="pricing-4column.html">Four columns</a></li>
                <li><a href="pricing-5column.html">Five columns</a></li>
              </ul>
            </li>
            <li><a href="contact.html">Contact page</a></li>
            <li><a href="help.html">Help page</a></li>
            <li><a href="features.html">Full width page</a></li>
            <li><a href="left-sidebar.html">Left sidebar page</a></li>
          </ul>
        </li>
        <li><a href="theme-features.html">Features</a> </li>
        <li><a href="#">Pricing</a>
          <ul>
            <li><a href="pricing-3column.html">Three columns</a></li>
            <li><a href="pricing-4column.html">Four columns</a></li>
            <li><a href="pricing-5column.html">Five columns</a></li>
          </ul>
        </li>
        <li><a href="#">Color Styles</a>
          <ul>
            <li><a href="index-2.html">Softone Indigo</a></li>
            <li><a href="red/index.html">Softone Red</a></li>
            <li><a href="grey/index.html">Softone  Grey</a></li>
            <li><a href="cyan/index.html">Softone Cyan</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Support</a></li>
        <li class="login_link"> 
          
          <!--login_wrapper starts-->
          <div class="login_wrapper"> <a href="#" class="login"><span>login</span></a>
            <form method="post" id="login_form" action="#">
              <fieldset>
                <p>
                  <label>Username or email</label>
                  <input id="username" name="username" type="text"/>
                </p>
                <p>
                  <label>Password</label>
                  <input id="password" name="password" type="password"/>
                </p>
                <p>
                  <input class="login_submit" value="Login" type="submit"/>
                </p>
                <div class="clear"></div>
                <p class="remember">
                  <input id="remember" name="remember" type="checkbox"/>
                  <label  class="remember">Remember me</label>
                </p>
                <p class="forgot"> Forgot <a href="#">Password</a> or <a href="#">Username</a>...?</p>
              </fieldset>
            </form>
          </div>
          <!--login_wrapper ends--> 
          
        </li>
      </ul>
      <!--menu ends-->
      
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--header ends--> 